<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  var child = document.getElementById('child');
  child.style.width = '150px';
  child.style.height = '300px';
}
onload = runRepaintAndPixelTest;
</script>

<!-- The scrollbar parts (forward track, thumb and back track) of the container
     should be properly repainted when the contents change size. -->
<div style="width: 100px; height: 100px; overflow: scroll">
  <div id="child" style="width: 200px; height: 200px"></div>
</div>

